@import "../../assets/style/flex";
@import "../../assets/style/base";

.ocview{
  background: #191A1E;
  border-radius: 20px;
  padding-left: 33px;
  padding-bottom: 20px;

  .oc_top_view{
    .flexH();
    .flex-zBetween();
    .flex-cCenter();
    padding-top: 20px;

    .oc_top_img{
      width: 36px;
      height: 35px;
      .bg('../../assets/imgs/clock_c.png');

      &.o{
        .bg('../../assets/imgs/clock_o.png');
      }
    }
    .oc_top_switch{
      margin-right: 20px;
    }
  }

  .time_title{
    font-size: 28px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #666666;
    margin-top: 10px;

    &.o{
      color: #E6AC11;
    }
  }

  .time{
    font-size: 24px;
    font-family: Alibaba PuHuiTi;
    font-weight: 400;
    color: #999999;
    margin-top: 6px;
  }

  .end_time_view{
    .flexH();
    .flex-zBetween();
    margin-top: 6px;

    .end_time_set{
      font-size: 24px;
      font-family: Alibaba PuHuiTi;
      font-weight: 400;
      color: #999999;
    }

    .time_set_into{
      margin-right: 20px;
      //color: #666666;
      width: 20px;
      height: 20px;

      border-top: 2px solid #666666;
      border-right: 2px solid #666666;
      transform: rotate(45deg);
    }
  }
}
